<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1" name="viewport">
    <link href="/static/clearmin/css/bootstrap-clearmin.min.css" rel="stylesheet" type="text/css">
    <link href="/static/clearmin/css/roboto.css" rel="stylesheet" type="text/css">
    <link href="/static/clearmin/css/material-design.css" rel="stylesheet" type="text/css">
    <link href="/static/clearmin/css/small-n-flat.css" rel="stylesheet" type="text/css">
    <link href="/static/clearmin/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <title>儿童关怀系统用户端</title>
</head>
<body class="cm-no-transition cm-1-navbar">
<div id="cm-menu">
    <nav class="cm-navbar cm-navbar-primary">
        <div class="cm-flex">
            <p style="font-size: 20px; padding-top: 10px;padding-left:20px;"><strong>Child</strong>Care</p>
        </div>
        <div class="btn btn-primary md-menu-white" data-toggle="cm-menu"></div>
    </nav>
    <div id="cm-menu-content">
        <div id="cm-menu-items-wrapper">
            <div id="cm-menu-scroller">
                <ul class="cm-menu-items">
                    <li><a class="sf-house" href="/user/backToHomepage">主页</a></li>
                    <li class="active"><a class="sf-dashboard" href="#">传感器信息浏览</a></li>
                    <li><a class="sf-profile" href="/user/getUserInfo">用户信息修改</a></li>
                    <li><a class=" sf-window-system " href="/user/getSensorDataGatheringInfo">关于我们</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
<header id="cm-header">
    <nav class="cm-navbar cm-navbar-primary">
        <div class="btn btn-primary md-menu-white hidden-md hidden-lg" data-toggle="cm-menu"></div>
        <div class="cm-flex">
            <h1>首页</h1>
        </div>
        <div class="dropdown pull-right">
            <button class="btn btn-primary md-account-circle-white" data-toggle="dropdown"></button>
            <ul class="dropdown-menu">
                <li class="disabled text-center">
                    <a style="cursor:default;"><strong th:text="${session.login_user}"></strong></a>
                </li>
                <li class="divider"></li>
                <li>
                    <a href="#"><i class="fa fa-fw fa-user"></i> 个人信息</a>
                </li>
                <li>
                    <a href="/login/userLogout"><i class="fa fa-fw fa-sign-out"></i> 退出登录</a>
                </li>
            </ul>
        </div>
    </nav>
</header>
<div id="global">
    <div class="container-fluid cm-container-white">
        <h2 style="margin-top:0;">传感器信息管理</h2>
        <hr>
        <ol class="breadcrumb">
            <li><a href="/user/backToHomepage">首页</a></li>
            <li>传感器信息管理</li>
        </ol>
    </div>
    <div class="container-fluid">
        <div class="panel panel-default demo-icons">
            <div class="panel-heading">传感器信息管理</div>
            <div class="panel-body">
                <div class="container">
                    <hr>
                    <form action="/user/listUserDataByIdAndTime" class="form-inline">
                        <div class="form-group">
                            <label for="lDeviceId">设备id</label>
                            <input class="form-control" id="lDeviceId" name="lDeviceId" placeholder="设备id" type="text">
                        </div>
                        <div class="form-group">
                            <label for="lUserDocumentTime">时间戳</label>
                            <input class="form-control" id="lUserDocumentTime" name="lUserDocumentTime"
                                   placeholder="时间戳"
                                   type="text">
                        </div>
                        <button class="btn btn-info" type="submit">查询</button>
                    </form>
                    <hr>
                    <div class="table-responsive">
                        <table class="table table-striped table-hover">
                            <thead>
                            <tr>
                                <th>设备编号</th>
                                <th>经度</th>
                                <th>纬度</th>
                                <th>时间戳</th>
                                <th>用户名</th>
                                <th>联系电话</th>
                                <th>健康状况</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr th:each="userData:${userDataList}">
                                <td th:text="${userData.getDeviceId()}"></td>
                                <td th:text="${userData.getUserLocationX()}"></td>
                                <td th:text="${userData.getUserLocationY()}"></td>
                                <td th:text="${#dates.format(userData.getUserDocumentTime(), 'yyyy-MM-dd hh:mm:ss')}"></td>
                                <td th:text="${userData.getUserName()}"></td>
                                <td th:text="${userData.getUserEmergencyContact()}"></td>
                                <td th:text="${userData.getUserHealthCareDemo()}"></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                <footer class="cm-footer"><span class="pull-left">Created By Shinomiya Kaguya</span><span
                        class="pull-right">&copy; 2020 能力有限公司</span></footer>

            </div>

        </div>
        <script src="/static/clearmin/js/lib/jquery.min.js"></script>
        <script src="/static/clearmin/js/jquery.mousewheel.min.js"></script>
        <script src="/static/clearmin/js/jquery.cookie.min.js"></script>
        <script src="/static/clearmin/js/fastclick.min.js"></script>
        <script src="/static/clearmin/js/bootstrap.min.js"></script>
        <script src="/static/clearmin/js/clearmin.min.js"></script>
        <script src="/static/clearmin/js/demo/home.js"></script>
</body>
</html>
